<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体和文本</title>
    <style>
        li {
            /*字体大小*/
            font-size: 35px;
            /*字体加粗*/
            font-weight: bold;
            /*字体效果倾斜*/
            font-style: italic;
            /*字体*/
            font-family: 宋体;
            /*CSS网络安全字体*/
            font-family: "Times New Roman", Times, serif;
            /*字体大小 35px 倾斜 宋体 加粗 综合写法*/
            /*font: style 变体 粗细 大小 行高 字体系列;*/
            font: italic bold 35px 宋体;
        }

        div {
            width: 100px;
            height: 100px;
            /*边框线*/
            border: 1px solid red;
            /*文本*/
            /*文本居中 center right left*/
            text-align: center;
            /*文本修饰*/
            /*下划线:underline*/
            text-decoration: underline;
            /*上划线:overline*/
            text-decoration: overline;
            /*删除线:line-through*/
            text-decoration: line-through;
            /*文本阴影 颜色 水平方向偏移量 垂直方向偏移量 模糊半径(像素)*/
            text-shadow: red 20px 20px 3px;
        }
    </style>
</head>
<body>
<ul>
    <li>java</li>
    <li>java</li>
    <li>java</li>
    <li>java</li>
    <li>java</li>
</ul>
<p>申哥</p>
<div>小艺</div>
</body>
</html>